<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/style.css"/>
</head>

<body>
<div id="container">
    <!---->

    <include file="Public/tpl/header.html" />

    <!---->

    <div id="main" class="container">
        <div class="row">
            <div class="col-md-8">

                <div class="panel panel-default">

                    <div class="panel-heading">
                        <h3 class="panel-title"><b>新的开始</b></h3>
                    </div>

                    <div class="panel-body">
                        <div class="form-group tabbable" id="">
                            <br/>
                            <ul class="nav nav-tabs">
                                <li>
                                    <a href="#panel-04" data-toggle="tab">登录</a>
                                </li>
                                <li class="active">
                                    <a href="#panel-05" data-toggle="tab">注册</a>
                                </li>
                                <li>
                                    <a href="#panel-06" data-toggle="tab">找回密码</a>
                                </li>
                            </ul>
                            <br/>

                            <div class="tab-content">
                                <div class="tab-pane" id="panel-04">
                                    <form class="form-horizontal" role="form" action="{:U('Home/user/login')}" method="post">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">用户名</label>

                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="username" placeholder="用户名">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">密码</label>

                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" name="password" placeholder="密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">验证码</label>

                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="verify" placeholder="验证码">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="{:U('Public/verify')}" style="height: 34px;width: 50px;"/>
                                                <a href="">换一张</a>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="submit" class="btn btn-default">登录</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane active" id="panel-05">
                                    <form class="form-horizontal" role="form" action="{:U('Home/user/rigister')}" method="post">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">用户名</label>

                                            <div class="col-sm-10">
                                                <input type="tel" class="form-control" name="username"  placeholder="用户名">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">邮箱</label>

                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" name="email"  placeholder="邮箱">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">密码</label>

                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" name="password"  placeholder="密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">确认密码</label>

                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" name="password_confirm" placeholder="确认密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">验证码</label>

                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="verify" placeholder="验证码">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="{:U('Public/verify')}" style="height: 34px;width: 50px;"/>
                                                <a href="">换一张</a>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="submit" class="btn btn-default">注册</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="panel-06">
                                    <form class="form-horizontal" role="form" action="{:U('Home/user/findpassword')}" method="post">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label" name="username">用户名</label>

                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="username" placeholder="用户名">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">注册邮箱</label>

                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" name="email" placeholder="注册邮箱">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">验证码</label>

                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="verify" placeholder="验证码">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="{:U('Public/verify')}" style="height: 34px;width: 50px;"/>
                                                <a href="">换一张</a>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="submit" class="btn btn-default">找回密码</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-md-4 hidden-xs">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><b>BBS论坛</b></h3>
                    </div>
                    <div class="panel-body">
                        论坛介绍
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4><b>广告位</b></h4>
                    </div>
                    <div class="panel-body">
                        <a href="#" class="">广告位</a>
                    </div>
                </div>
                <!--<div class="panel panel-default">-->
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">活跃会员</h3>-->
                    <!--</div>-->
                    <!--<div class="panel-body">-->
                        <!--<div class="media list-group photos-rows">-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

                <!--&lt;!&ndash;&ndash;&gt;-->
                <!--<div class="panel panel-default">-->
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">最新会员</h3>-->
                    <!--</div>-->
                    <!--<div class="panel-body">-->
                        <!--<div class="media list-group photos-rows">-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-md-1 photo-rows">-->
                                <!--<a class="" href="#">-->
                                    <!--<img src="images/2016_07_22_18.png" alt="作者">-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

                <!---->

            </div>
        </div>

    </div>

    <!---->
</div>
<!---->

<include file="Public/tpl/footer.html" />
<!---->
<script src="/tp/Public/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/tp/Public/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>